<!-- Main content -->
<section>
    <div class="row">
        <div class="col-md-6">
            <div class="custom-control custom-switch">
                <input type="checkbox" class="custom-control-input" ng-model="$ctrl.selectedList.isSelectAll"
                    ng-change="$ctrl.selectAll($ctrl.exportData.modules)"
                    id="switchSelectAllModules" />
                <label class="custom-control-label" for="switchSelectAllModules">Select all modules</label>
            </div>            
        </div>
        <div class="col-md-6">
            <div class="custom-control custom-switch">
                <input type="checkbox" class="custom-control-input" ng-model="$ctrl.selectedList.isExportData"
                    ng-change="$ctrl.selectAll($ctrl.exportData.modules)"
                    id="switchSelectAllModuleData" />
                <label class="custom-control-label" for="switchSelectAllModuleData">With Data</label>
            </div>
        </div>
    </div>
    <hr>
    <div class="row justify-content-md-center">
        <div class="col-md-4 mb-2" ng-repeat="module in $ctrl.exportData.modules track by module.id">
            <checkbox-switch data="module" callback="$ctrl.updateModuleExport()" description="module.title">
            </checkbox-switch>

            <div class="col-md-1"></div>
            <div class="col-md-11" ng-show="module.isActived">
                <input type="checkbox" ng-model="module.isExportData" ng-change="$ctrl.updateModuleExport()" />
                With Data
            </div>
        </div>
        <!-- <div class="col-md-11" ng-bind="module.title"></div> -->
    </div>
</section>
<!-- /.content -->